.container {
	width: 1024px;
	margin: 45px auto;
	padding: 20px;
	box-sizing: border-box;
	border: 1px solid #ddd;
	border-radius: 4px 4px 0 0;
}

.container .top {
	margin: 10px 0;
}

.top .title {
	/*margin: 0 0 0 10px;*/
}

.resume-wrapper {
	margin: 20px 0;
}

.resume-wrapper .resume-state {
	margin: 10px 0;
	line-height: 25px;
}

.resume-wrapper .resume-state .title {
	float: left;
	line-height: 35px;
}

.resume-wrapper .resume-state .menu-list {
	margin: 0 0 0 80px;
	overflow: hidden;
}

.resume-wrapper .resume-state .menu-list li {
	position: relative;
	float: left;
	padding: 5px 10px;
	margin: 0 10px;
	color: #999;
	cursor: pointer;
}

.resume-wrapper .resume-state .menu-list li:hover,
.resume-wrapper .resume-state .menu-list .active {
	color: black;
	border-bottom: 2px solid #00b38a;
}

.resume-content {
	padding: 20px 0 10px 0;
}

.resume-content .resume-item {
	display: none;
	margin: 0 0 20px;
	border: 1px solid #ddd;
}

.resume-content .resume-item.active {
	display: block;
}

.resume-content .resume-item .item-top {
	padding: 10px 20px 10px 10px;
	background: #F2F2F2;
}

.resume-content .resume-item .item-top .position {
	font-size: 16px;
}

.resume-content .resume-item .item-top .time {
	color: #999;
	margin: 0 0 0 20px;
}

.resume-content .resume-item .item-top .handle {
	float: right;
	color: red;
	font-size: 16px;
}

.resume-content .resume-item .item-details {
	overflow: hidden;
}

.resume-content .resume-item .item-details .left {
	float: left;
	padding: 10px;
	line-height: 0;
}

.resume-content .resume-item .item-details .left img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
}

.resume-content .resume-item .item-details .center {
	box-sizing: border-box;
	display: inline-block;
	width: 780px;
	padding: 10px;
	line-height: 25px;
}

.resume-content .resume-item .item-details .center .brief {
	color: #999;
}

.resume-content .resume-item .item-details .center .brief .name {
	margin: 0 10px 0 0;
	font-size: 16px;
	color: #00B38A;
}

.resume-content .resume-item .item-details .center ul {
	overflow: hidden;
}

.resume-content .resume-item .item-details .center ul li {
	float: left;
	margin: 0 10px 0 0;
}

.resume-content .resume-item .item-details .right {
	float: right;
	width: 80px;
	padding: 20px 10px;
}

.resume-content .resume-item .item-details .right li {
	margin: 0 0 10px;
	color: #00B38A;
	cursor: pointer;
}
.resume-content .resume-item .item-details .right li:hover {
	text-decoration: underline;
}
